﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<ul class="nav top-menu">
    <!-- BEGIN SETTINGS -->
    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
        class="icon-tasks"></i><span class="badge badge-important"><%=3 %></span> </a>
        <ul class="dropdown-menu extended tasks-bar">
            <li>
                <p>
                    Bạn có <%=3 %> lớp học cần thu học phí</p>
            </li>
            <li>
                <a href="#">
                    Lớp 1
                </a>
            </li>

            <li>
                <a href="#">
                    Lớp 2
                </a>
            </li>

            <li>
                <a href="#">
                    Lớp 3
                </a>
            </li>
            <%--<li><a href="#">
                <div class="task-info">
                    <div class="desc">
                        Database Update</div>
                    <div class="percent">
                        65%</div>
                </div>
                <div class="progress progress-striped progress-success active no-margin-bot">
                    <div class="bar" style="width: 65%;">
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="task-info">
                    <div class="desc">
                        Iphone Development</div>
                    <div class="percent">
                        87%</div>
                </div>
                <div class="progress progress-striped progress-info active no-margin-bot">
                    <div class="bar" style="width: 87%;">
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="task-info">
                    <div class="desc">
                        Mobile App</div>
                    <div class="percent">
                        33%</div>
                </div>
                <div class="progress progress-striped progress-warning active no-margin-bot">
                    <div class="bar" style="width: 33%;">
                    </div>
                </div>
            </a></li>
            <li><a href="#">
                <div class="task-info">
                    <div class="desc">
                        Dashboard v1.3</div>
                    <div class="percent">
                        90%</div>
                </div>
                <div class="progress progress-striped progress-danger active no-margin-bot">
                    <div class="bar" style="width: 90%;">
                    </div>
                </div>
            </a></li>--%>
            <li class="external"><a href="#">Xem tất cả</a> </li>
        </ul>
    </li>
    <!-- END SETTINGS -->
    <!-- BEGIN INBOX DROPDOWN -->
    <li class="dropdown" id="header_inbox_bar"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
        <i class="icon-envelope-alt"></i><span class="badge badge-important">5</span> </a>
        <ul class="dropdown-menu extended inbox">
            <li>
                <p>
                    Bạn có x học viên cần thu học phí</p>
            </li>

            <li>
                <a href="#">
                    Học viên 1
                </a>
            </li>

            <li>
                <a href="#">
                    Học viên 2
                </a>
            </li>

            <li>
                <a href="#">
                    Học viên 3  
                </a>
            </li>
            <%--<li><a href="#"><span class="photo">
                <img src="<%=ResolveUrl("~/Plugins/Metrolab/img/avatar-mini.png")%>" alt="avatar" /></span> <span class="subject"><span
                    class="from">Jonathan Smith</span> <span class="time">Just now</span> </span>
                <span class="message">Hello, this is an example msg. </span></a></li>
            <li><a href="#"><span class="photo">
                <img src="<%=ResolveUrl("~/Plugins/Metrolab/img/avatar-mini.png")%>" alt="avatar" /></span> <span class="subject"><span
                    class="from">Jhon Doe</span> <span class="time">10 mins</span> </span><span class="message">
                        Hi, Jhon Doe Bhai how are you ? </span></a></li>
            <li><a href="#"><span class="photo">
                <img src="<%=ResolveUrl("~/Plugins/Metrolab/img/avatar-mini.png")%>" alt="avatar" /></span> <span class="subject"><span
                    class="from">Jason Stathum</span> <span class="time">3 hrs</span> </span><span class="message">
                        This is awesome dashboard. </span></a></li>
            <li><a href="#"><span class="photo">
                <img src="<%=ResolveUrl("~/Plugins/Metrolab/img/avatar-mini.png")%>" alt="avatar" /></span> <span class="subject"><span
                    class="from">Jondi Rose</span> <span class="time">Just now</span> </span><span class="message">
                        Hello, this is metrolab </span></a></li>--%>
            <li><a href="#">Xem tất cả</a> </li>
        </ul>
    </li>
    <!-- END INBOX DROPDOWN -->
    <!-- BEGIN NOTIFICATION DROPDOWN -->
    <%--<li class="dropdown" id="header_notification_bar"><a href="#" class="dropdown-toggle"
        data-toggle="dropdown"><i class="icon-bell-alt"></i><span class="badge badge-warning">
            7</span> </a>
        <ul class="dropdown-menu extended notification">
            <li>
                <p>
                    You have 7 new notifications</p>
            </li>
            <li><a href="#"><span class="label label-important"><i class="icon-bolt"></i></span>
                Server #3 overloaded. <span class="small italic">34 mins</span> </a></li>
            <li><a href="#"><span class="label label-warning"><i class="icon-bell"></i></span>Server
                #10 not respoding. <span class="small italic">1 Hours</span> </a></li>
            <li><a href="#"><span class="label label-important"><i class="icon-bolt"></i></span>
                Database overloaded 24%. <span class="small italic">4 hrs</span> </a></li>
            <li><a href="#"><span class="label label-success"><i class="icon-plus"></i></span>New
                user registered. <span class="small italic">Just now</span> </a></li>
            <li><a href="#"><span class="label label-info"><i class="icon-bullhorn"></i></span>Application
                error. <span class="small italic">10 mins</span> </a></li>
            <li><a href="#">See all notifications</a> </li>
        </ul>
    </li>--%>
    <!-- END NOTIFICATION DROPDOWN -->
    </ul>